<template>
<div>
  <div style="display: block; text-align: center; padding-top: 20px">
    <van-image width="4rem" height="4rem" src="/favicon.ico" style="border-radius: 8px; overflow: hidden; margin-bottom: 10px" />
  </div>
  <van-grid clickable :column-num="2">
    <van-grid-item icon="home-o" text="首页" url="https://www.17fpv.com" />
    <van-grid-item icon="edit" text="发布配置" to="/post-build" />
    <van-grid-item icon="photo-o" text="我要晒机" to="/share-fpv" />
    <van-grid-item icon="search" text="工具零件" to="/parts-list" />
    <van-grid-item icon="down" text="资源下载" url="https://storage.17fpv.com" />
    <van-grid-item icon="exchange" text="极速网盘" url="https://storage.17fpv.com/image" />
  </van-grid>

  <p class="footer-text">- ✈️ 关注FPV One，用最酷的姿势玩穿越机 -</p>
  <client-only>
    <Adsense data-ad-client="ca-pub-6243451787655828" data-ad-slot="4209566881"></Adsense>
  </client-only>
</div>
</template>

<script>
export default {
  data() {
    return {
      title: '穿越机助手|配置清单|穿越机教程 - 一起FPV',
    }
  },

  head() {
    return {
      title: '穿越机助手|配置清单|穿越机教程 - 一起FPV',
      meta: [{
          hid: this.title,
          name: this.title,
          content: this.title,
        },
        {
          itemprop: 'title',
          name: 'title',
          content: this.title,
        },
        {
          itemprop: 'description',
          name: 'description',
          content: this.title,
        },
        {
          itemprop: 'url',
          name: 'url',
          content: 'http://app.17fpv.com',
        },
        {
          itemprop: 'image',
          name: 'image',
          content: '/favicon.ico',
        },
      ],
    }
  },
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.footer-text {
  font-size: 12px;
  text-align: center;
  width: 100%;
  color: grey;
  line-height: 50px;
}
</style>
